<template>
	<view :class="isDark?'darkBg':''">
		<cu-custom :bgColor="isDark?'bg-black':'bg-orange'" isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">借阅说明</block>
		</cu-custom>
		<!-- <view style="height: 260rpx; background-size: cover;  background-position: center;"
			:style="{backgroundImage:isDark?'url(https://web.cloudduolc.cn/image/adblack7.png)':'url(https://web.cloudduolc.cn/image/adwhite5.png)'}">
			<ad unit-id="adunit-c6f81eeb04d7a33d"></ad>
		</view> -->
		<view class="container" :class="isDark?'dark':'bg-white'">


			<view class="cu-timeline">
				<view class="cu-time">1</view>
				<view class="cu-item">
					<view class="content" :class="isDark?'darkIn':'bg-gray'">

						<view :class="isDark?'text-white':'text-black'">
							借阅期限为三十天
						</view>

					</view>
				</view>
				<view class="cu-time">2</view>
				<view class="cu-item">
					<view class="content" :class="isDark?'darkIn':'bg-gray'">
						<view :class="isDark?'text-white':'text-black'">
							每本书只能续借一次
						</view>


					</view>
				</view>
				<view class="cu-time">3</view>
				<view class="cu-item">
					<view class="content" :class="isDark?'darkIn':'bg-gray'">
						<view :class="isDark?'text-white':'text-black'">
							距离到期时间少于七天才能续借
						</view>


					</view>
				</view>
				<view class="cu-time">4</view>
				<view class="cu-item">
					<view class="content" :class="isDark?'darkIn':'bg-gray'">
						<view :class="isDark?'text-white':'text-black'">
							如超过借阅期限，一天一本欠费一毛
						</view>

					</view>
				</view>

			</view>

		</view>
		<zmm-watermark>

		</zmm-watermark>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				isDark: this.isDark,

			}
		},
		onShow() {
			let _this = this


		},
		methods: {

		}
	}
</script>

<style>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
		font-family: 'Courier New', Courier, monospace;
	}

	.smallButton {
		width: 400rpx;
		background-color: #428bca;
		border-color: #357ebd;
		color: #fff;
		-moz-border-radius: 10rpx;
		-webkit-border-radius: 10rpx;
		border-radius: 10rpx;
		/* future proofing */
		-khtml-border-radius: 10rpx;
		/* for old Konqueror browsers */
		text-align: center;
		border: 1rpx solid transparent;
		margin: 0 rpx auto;
		font-size: 37rpx;
		height: 100rpx;
		line-height: 100rpx;
		margin-top: 20rpx;
	}
</style>
